html,body{margin: 0;padding: 0;background: #e9ebee;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
a{text-decoration: none;cursor: pointer;color: #333;}
button{cursor: pointer;}
.width{width: 1200px;margin: 0 auto;}
.hidden{height: 12px;overflow: hidden;background:#e9ebee;}
.hidden2{height: 60px;overflow: hidden;background:#e9ebee;}
h1,
h2,
h3,
h4,
h5,
h6{margin: 0 ;padding: 0;}


/* header */
.header{background:#fff;position: relative;display: flex;flex-direction: column;}
.header .top{display: flex;justify-content: space-between;align-items: center;justify-content: space-between; align-content: center;}
.header .top >.logo{margin-top: 44px;}
.header .top >.logo>a{display: inline-block;}
.header .top >.logo>a >img{width:330px;height: auto;}
/* .header .logoone a{display: inline-block;position: relative;top: -18px;}
.header .logoone a img{width: 207px;height: 22px;margin-left: 250px;}
.header .logo-phone{margin-left: 20px;margin-right: 33px;}
.header .logo-phone img{width: 62px;height: 62px;margin: auto 12px auto 12px;}
.header .logo-phone a{font-size: 24px;font-weight: bold;position: relative;top: -20px;} */

/* header 导航条 */
.bottom .content{background:#176596;margin: 20px 0 0 0;}
.bottom .content ul{display: flex;text-align: center;}
.bottom .content >ul >li{width: 150px;height: 60px;line-height: 60px;cursor: pointer;}
.bottom .content >ul >li a{display: block;font-size: 16px;color: #fff;font-weight: bold;}
.bottom .content >ul >li:hover{background: #ecbb38;-webkit-transition: all 400ms linear 0ms;transition: all 400ms linear 0ms;}
.bottom .content >ul >li:hover > a{color: white;background-color:#ecbb38;-webkit-transition: all 400ms linear 0ms;transition: all 400ms linear 0ms;}

/* 首页导航条 选中效果 */
.bottom .content >ul >.navheader{background: #ecbb38;}
.bottom .content >ul >.navheader >a{color: white;background-color:#ecbb38;}

/* 导航条 下拉菜单 */
.bottom .content ul li .down{display: flex;flex-direction: column;position: relative;z-index: 99;visibility: hidden;margin: -3px 0 0 0;}
.bottom .content ul >li >.down li{opacity: 1;text-align: center;background-color: #314555;height: 40px;}
.bottom .content ul >li >.down li:hover{background: #ecbb38;-webkit-transition: all 400ms linear 0ms;transition: all 400ms linear 0ms;}
.bottom .content ul >li >.down li a{opacity: 1;width: 100%;height: 40px;line-height: 40px;display: block;}


/* 首页 轮播图 */
.carousel{height: 424px;background: #fff;position: relative;}
.carousel .swiper-container{overflow: hidden;}
.carousel .swiper-wrapper >.swiper-slide{display: block;}
.carousel img{width: 1200px;height: 424px;object-fit: cover;}

/* 首页 咨询 */
.seek{height: 60px;position: relative;background: #fff;position: relative;display: flex;justify-content:space-between;}
.seek >span{color: #333;font-size: 16px;padding:22px 0 0 20px;display: block;width: 70px;position: relative;font-weight: 600;}
.seek >a{color: #ecbb38;;width:75px;height: 27px;font-size: 10px;border-radius: 3px;text-transform: uppercase;letter-spacing: 1px;overflow: hidden;top: 17px;right: 18px;display: block;border: 2px solid #ecbb38;text-align: center;line-height: 27px;position: relative;background-color: transparent;}
.seek >a:hover{color: #fff;background-color: #ecbb38;-webkit-transition: all 400ms linear 0ms;transition: all 400ms linear 0ms;}


/* 首页 口腔咨询 列表页 */
.oral{display: flex;align-content: space-around;flex-wrap: wrap;background: #fff;}
.oral .box{height: 200px;width: 600px;margin: 0 0 20px 0;}
.oral .box:nth-child(2n) .box_content{margin: 0 0 0 0px;}
.oral .box >a{position: relative;top: 12px;left:10px;width: 580px;height: 180px;display: flex;border: 1px solid #e4e4e4;overflow: hidden;}
.oral .box >a >.img{overflow: hidden;width: 240px;height: 160px;margin: 10px;}
.oral .box >a >.img >img{width: 240px;}
.oral .box >a >.text{width: 274px;height: 150px;margin: 10px 10px 10px 10px;display: flex;flex-direction:column}
.oral .box >a >.text .title{height:49px;overflow: hidden;font-size: 18px;font-weight: 600;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient:vertical;}
.oral .box >a >.text .time{height: 25px;line-height: 20px;margin-top: 10px;}
.oral .box >a >.text .time .year{color: rgb(115, 192, 226);}
.oral .box >a >.text .time .day{color: #ecbb38;}
.description{margin-bottom: 10px;}
.description span {float: right;color: #ecbb38}
/* 首页 口腔医院 列表页 */
.oralhos{display: flex;align-content: space-around;flex-wrap: wrap;position: relative;}
.oralhos >a{width: 278px;background: #fff;margin: 0 29px 20px 0;display: flex;flex-direction: column;overflow: hidden;}
.oralhos >a >.img {width: 260px;height: 195px;margin: 10px 0 10px 9px;}
.oralhos >a >.img >img{width: 100%;height: 100%;object-fit: cover;-webkit-filter: blur(20px);}
.oralhos >a >.title{overflow: hidden;margin: 0px 10px 6px 10px;height: 20px;color: #333;text-align: center;font-weight: bold;}
.oralhos >a >.time{margin: 0px 10px 6px 10px;height: 20px;color: #979797;text-align: center; font-size: 14px;}
.oralhos >a:nth-child(4n){margin: 0 0 20px 0;}

/* 首页 牙科医生 列表页 */
.oraldoc{display: flex;align-content: space-around;flex-wrap: wrap;position: relative;}
.oraldoc >a{width: 187px;background: #fff;margin: 0 15px 20px 0;display: flex;flex-direction: column;overflow: hidden;box-sizing: border-box;padding: 10px;}
.oraldoc >a:nth-child(6n){margin: 0 0 20px 0;}
.oraldoc >a >.img {width: 160px;height: 180px;margin:10px auto 8px auto;overflow: hidden;}
.oraldoc >a >.img >img{width: 100%;height: 100%;object-fit: cover;}
.oraldoc >a >.box {text-align: center;box-sizing: border-box;}
.oraldoc >a >.box span{font-size: 15px;font-weight: 600;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient:vertical;overflow: hidden}
.oraldoc >a >.box div{overflow: hidden;margin: 0 auto;width: 150px;height: 22px;color: #333;}
.oraldoc >a >.box .time{margin: 0 auto;width: 150px;height: 22px;color: #979797;font-size: 14px;}


/* 首页 友情链接 */
.friendlink{background: #fff;}
.friendlink .top{display: flex;}
.friendlink .top a{padding:15px;font-size: 16px;}
.friendlink .bottom .weblink{display: none;}
.friendlink .bottom .weblink2{display: flex;flex-wrap: wrap;}
.friendlink .bottom .weblink a{padding:15px;font-size: 16px;}
.friendlink .top .on{color: #52bef8;}
.friendlink .top a:hover,
.friendlink .bottom .weblink a:hover{
    -webkit-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms;
    color: #52bef8;
}

.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis-2{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
}
.flex{
    display: flex;
}
.flex_column{
    flex-direction: column;
}
.text_center{
    text-align: center;
}

/* 项目大全 地址 */
.additem{height: 80px;background: #fff;line-height: 80px;}
.additem >div{margin: 0 0 0 20px;font-size: 18px;color: #333;}

/* 项目大全 全部项目 */
.navitem{background: #fff;}
.navitem >.title{height:50px;background: #fff;line-height: 80px;color: #198ffd;margin: 0 0 0 20px;font-size: 18px;}
.navitem >.content{display: flex;flex-wrap: wrap;position: relative;margin-top: 25px;}
.navitem >.content >.text{height: 161px;margin-left: 59px;margin-bottom:20px}
/* .navitem >.content >.text:nth-child(6n){margin: 0 0 0 13px;} */
.navitem >.content >.text >.img{width: 167px;height: 161px;display: inline-block;border: 1px solid #e4e4e4;}
.navitem >.content >.text >.img >img{width: 127px;height: auto;margin-left:20px}
.navitem >.content >.text >div{text-align: center;margin: -40px 0 0 0;}

/* 项目大全 列表页 */
.itembox{background: #fff;display: flex;flex-direction: row;}
.itembox >.content{width: 360px;margin: 20px;}
.itembox >.content >.title{width: 360px;display: flex;justify-content: center;}
.itembox >.content >.title >img{width: 94px;height: 102px;}
.itembox >.content >.title >span{height: 102px;line-height: 86px;color: #ecbb38;font-weight: 600;font-size: 29px;}
.itembox >.content >.boxtable{display: flex;}
.itembox >.content >.boxtable div{height: 40px;line-height: 40px;text-align: center;color: #fff;background:#176596 ;}
.itembox >.content >.boxtable >.left{width: 164px;}
.itembox >.content >.boxtable >.right{width: 180px;margin: 0 0 0 15px;}
.itembox >.content >.box{margin: 15px 0 15px 0;display: flex;}
.itembox >.content >.box >.left{width: 164px;color: #ecbb38;}
.itembox >.content >.box >.left >div{height: 45px;text-align: center;display: flex;justify-content: center;align-items: center;}
.itembox >.content >.box >.left >a{height: 45px;text-align: center;display: flex;justify-content: center;align-items: center;color: #176596;}
.itembox >.content >.box >.right{width: 180px;margin:0 0 0 15px;}
.itembox >.content >.box >.right >div{height: 45px;text-align: center;display: flex;justify-content: center;align-items: center;}
.itemcom{background: #e8f9ff;}
.itembox >.content >.title2{width: 360px;text-align: center;}
.itembox >.content >.title2 >span{height: 102px;line-height: 86px;color: #ecbb38;font-weight: 600;font-size: 29px;}

.baike_panel{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 40px 20px;
    box-sizing: border-box;
    margin-bottom: 50px;
}
.baike_panel .row-1{
    display: grid;
    grid-template-columns: repeat(3,32%);
    justify-content: space-between;
    margin-bottom: 15px;
}
.baike_panel .content .title{
    padding: 15px;
    background-color: #176596;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.baike_panel  .row-1 .content .box {
    padding: 0 15px;
    border: 1px solid #176596;
    height: 350px;
}
.baike_panel .content .box .tr{
    display: flex;
    align-items: center;
    margin: 32px 0 0 0;
    color: #176596;
}
.baike_panel .row-1 .content .box .tr div{
    flex-shrink: 0;
    flex-grow: 0;
    max-width: 211px;
}
.baike_panel .content .box .tr a{
    color: #176596;
}
.baike_panel .row-2{
    margin-bottom: 30px;
}
.baike_panel .row-2 .box{
    display: grid;
    grid-template-columns: repeat(3,32%);
    justify-content: space-between;
    border: 1px solid #176596;
    padding: 15px;
}

.baike_nav .title{
    color: #2690b7;
    font-weight: 600;
    font-size: 15px;
}
.baike_nav nav{
    display: flex;
    align-items: center;
    margin: 15px 0;
}
.baike_nav nav a{
    font-size: 13px;
    width: 26px;
    border-radius: 999px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    margin-right: 15px;
}
.baike_nav nav .active{
    background-color: #2890b6;
    color: #fff;
    border: 1px solid #2890b6;
}
.baike_nav section{
    display: flex;
}
.baike_nav section .letter{
    width: 140px;
    text-align: center;
    margin-right: 20px;
}

.baike_nav section .letter div{
    background-color: #e9f6fc;
    height: 75px;
    line-height: 75px;
    font-size: 20px;
    margin-bottom: 10px;
    position: relative;
}
.baike_nav section .letter .active::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: #2890b6;
}
.baike_nav section article{
    flex: 1;
}
.baike_nav section article .article{
    display: grid;
    grid-template-columns: repeat(3,32%);
    background-color: #f3f3f3;
    padding: 20px;
    margin-bottom: 10px;
}
.baike_nav section article a{
    color: #2890b6;
    margin: 10px 0 15px 0;
}


.tags_nav{
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    margin: 15px auto 50px auto;
}

.tags_nav .title{
    color: #2690b7;
    font-size: 18px;
}
.tags_nav nav{
    display: flex;
    align-items: center;
    margin: 15px 0;
}
.tags_nav nav a{
    font-size: 13px;
    width: 26px;
    border-radius: 999px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    margin-right: 15px;
}
.tags_nav nav .active{
    background-color: #2890b6;
    color: #fff;
    border: 1px solid #2890b6;
}
.tags_nav section{
    display: flex;
    flex-direction: column;
}
.tags_nav section .letter{
    width: 140px;
    text-align: center;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tags_nav section .letter div{
    width: 90px;
    height: 75px;
    line-height: 75px;
    font-size: 70px;
    margin-bottom: 10px;
    border: 2px solid #166496;
    color: #166496;
}

.tags_nav section article{
    flex: 1;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.tags_nav section article .article{
    flex: 1;
    display: grid;
    grid-template-columns: repeat(3,32%);
    background-color: #f3f3f3;
    padding: 20px;
}
.tags_nav section article a{
    color: #2890b6;
    margin: 10px 0 15px 0;
}






/* 尾部 */
.footer{background-color: #314555 ;height: 200px;}
.footer .content{height: 200px;display: flex;}
.footer .content .boxnav{position: relative;top:29px;width: 300px;height: 170px;}
.footer .content .boxnav div{color: #F5F5F5;height: 30px;line-height: 30px;}
.footer .content .boxnav ul{display: flex;flex-direction: column;font-size: 16px;}
.footer .content .boxnav ul li{width: 280px;height: 30px;line-height: 30px;overflow: hidden;}
.footer .content .boxnav ul li a{color: #647d89;font-size: 15px;}
/* 联系我们 */
.footer .content .boxnav ul .weixin > a >img{width: 27px;height: 27px;object-fit: cover;position: absolute;background: #34A62D;border-radius: 6px;}
.footer .content .boxnav ul .three{height: 60px;}
.footer .content .boxnav ul .three a{display: flex;}
.footer .content .boxnav ul .three a img{width: 25px;height: 25px;object-fit: cover;margin: 0 5px 0 0;}
.footer .content .boxnav ul .three a >div{color: #647d89;}

/* 网站声明 */
.footer .content .boxnav .text{color: #647d89;height: 30px;line-height: 30px;width: 241px;}
.footer .content .boxnav .text .weixininter{width: 93px;display: inline-block;height: 26px;   overflow: hidden;position: relative;border-radius: 6px;}
.footer .content .boxnav .text .weixininter img{width:100%;height: 100%;object-fit: cover;}

/* 公众号 */
.footer .content .boxnav >.public{overflow: hidden;text-align: center;height: 100%;}
.footer .content .boxnav .public>img{width:140px;height: 140px;object-fit: cover}
.footer .content .boxnav .public>div{width: 100%;text-align: center;color: #647d89;font-size: 13px;height: 18px;line-height: 18px;}

/* 尾部备案 */
.file{background-color: #ecbb38;height:46px;}
.file .content{display: flex;flex-direction: column;}
.file .content .one{font-size: 15px;line-height: 26px;color: #e4e4e4;top: 10px;position: relative;}
.file .content .one a{color: #e4e4e4;}
.file .content div{text-align: center;height: 36px;line-height: 36px;}

.img_more img{filter: blur(20px);-webkit-filter: blur(20px);}
.img_more p{overflow: hidden;}


/* 首页搜索框 */
.header .logoone {padding-top: 74px;flex: 1;}
.logoone .searchBox {width: 100%;background: #fff;position: relative;}
.searchBox input { border: none;outline: none;width: 100%;height: 30px;padding-left: 13px;border: 2px solid #ccc;border-radius: 5px;background: #fff;color: #9E9C9C;}
.searchBox button { border: none; outline: none; position: absolute; display: inline-block; top: 0;right: -18px; height: 35px;width: 35px;cursor: pointer; background: #176596; border-radius: 0 5px 5px 0}
.searchBox button img {height: 20px; position: absolute; top: 8px; right: 7px; width: 20px; height: 30; /* align-items: center; */ line-height: 20px; text-align: center;}
.searchKey>span {vertical-align: middle; padding: 10px 5px; display: inline-block;font-size: 12px;}
.searchKey>span:first-child img { display: inline-block;width: 12px; height: 12px;}
.searchKey>span:first-child .active { color: #ecbb38;font-weight: 600;}
/* 电话和二维码 */
.header .top .logo-phone {flex-shrink:0; width: 298px; display: flex; align-items: center; padding-top: 50px; margin-left: 20px; margin-right: 30px;}
.header .top .logo-phone span:first-child img { vertical-align: middle; width: 75px; height: 75px;}
.header .top .logo-phone .phone {margin-right: 12px;}
.header .top .logo-phone .phone a { font-size: 20px; font-weight: bold;}
.header .top .logo-phone .bottom a img { width: 140px; height: 16px;}
.header .top .logo-phone span:nth-child(3) img { width: 70px; height: 70px;}
/* list_baike.html*/
.alphabeticSort { background: #fff; margin-bottom: 20px; padding-bottom: 30px;}
.alphabeticSort .title { height: 50px; background: #fff; line-height: 80px; color: #ecbb38; margin: 0 0 0 20px; font-size: 18px;}
.alphabeticSort .letter { display: flex; justify-content: space-evenly; align-content: center; align-items: center; margin: 20px 0;}
/* a */
.alphabeticSort .letter a{display: inline-block;border: 1px solid transparent; width: 30px; height: 30px; padding: 1px;  border-radius: 50%; text-align: center; line-height: 30px;transition:all ease 0.3s}
/* a 高亮 */
.alphabeticSort .letter .act{color: white; background: #ecbb38;border: 1px solid rgb(106, 103, 103);}

.letterAmplification { margin-left: 15px;display: none;}
/* 选项卡内容高亮*/
.letter_on{display: block;}
.letterAmplification .left {width: 164px;  vertical-align:top; display: inline-block; background: #e8f9ff; /* color: #ecbb38; */ color: #FFFFFF !important; font-size: 40px; text-align: center; box-sizing: border-box; border-left: 5px solid #ecbb38;  text-shadow: 1px 1px #0DADC5, -1px -1px #0DADC5, 1px -1px #0DADC5,  -1px 1px #0DADC5;}
.letterAmplification .right {display: inline-block; width: calc(100% - 220px); margin-left: 10px; background: #F4F4F4; vertical-align:top;padding: 20px 0;}
.letterAmplification .right span { padding: 10px 10px; display: inline-block;}
.letterAmplification .right span a { padding: 0 15px; color: #ecbb38;}
.letter_on>.left{ height:81px;line-height:81px;}

.line_hide1{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 1;-webkit-box-orient: vertical;height: 36px;}


.oral .hosleft{width: 230px;text-align: center;}
.oral .hosleft >.top{overflow: hidden;margin: 8px 0 8px 0;text-align: initial;}
.oral .hosleft >.top>span{color: #5BA5AC;}
.oral .hosleft >.bottom{margin: 0 0 20px 0;text-align: initial;overflow: hidden;}
.oral .hosleft >.bottom>.qian{color: red;font-size: 24px;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 2;line-clamp:2;-webkit-box-orient: vertical;font-weight: 600;}
.oral  .hosleft >.bottom>.hous{text-decoration:line-through;color: #ced0d1;}
.oral  .hosleft >button{width: 110px;height: 46px;font-size: 16px;background: #FEEBEF;color: #D97A7A;margin: 0 0 15px 0;border: 2px solid #D97A7A;border-radius: 5px;}

.index_xiangmu .box{
    height: 255px!important;
}
.index_xiangmu .box a{
    height: 255px!important;
}
.index_xiangmu .hosleft {
    width: 300px!important;
}
.index_xiangmu .box .img{
    height: 220px!important;
}
.index_xiangmu .box .text{
    height: 220px!important;
}
.index_xiangmu .box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mzsm_text {
    color: #ffffff;
}

.mianze_main {
    width: 1200px;
    color: black;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 30px 0;
}
.mianze_main div {
    line-height: 55px;
}
.mianze_main h1 {
    font-size: 30px;
    line-height: 85px;
}
.mianze_main h2 {
    font-size: 25px;
    line-height: 65px;
}
.mianze_main h3 {
    font-size: 20px;
    line-height: 60px;
}
.mianze_main .main_head {
    width: 100%;
    text-align: center;
}
.mianze_main .des {
    font-size: 16px;
    line-height: 28px;
}

.bread_con {
    width: 1200px;
    margin: 0 auto;
}